@(mf: transcoding.MediaFile, ctx: Map[String, Any])


<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="/assets/stylesheets/main.css" type="text/css">
    <link rel="shortcut icon" href="/assets/images/favicon.ico" type="text/css">
    <title>Blade</title>
    <script type="text/javascript" src="/assets/javascripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="/assets/javascripts/jwplayer.js"></script>
    <!--<script type="text/javascript" src="/assets/javascripts/swfobject.js"></script>-->
    <!--<script type="text/javascript" src="/assets/javascripts/prototype.js"></script>-->
    <!--<script type="text/javascript" src="/assets/javascripts/scripts.js"></script>-->
    <script type="text/javascript" language="javascript">

        var player;
        var position;
        var maxBitRate = 1000;
        var timeOffset = 0;

        $(document).ready(function(){

        jwplayer("mediaplayer").setup({
            flashplayer: "/assets/flash/jw-player-5.6.swf",
            file:"/to/stream?fileID=@{ctx.get("fileID")}&playerID=@{ctx.get("playerID")}&maxBitRate=@{ctx.get("maxBitRate")}",
            duration: @mf.duration - timeOffset,
            width: 640,
            height: 360,
            //image: "/assets/images/favicon.ico",
            id:"player1",
            skin: "/assets/flash/whotube.zip",
            // plugins:"metaviewer-1",
            screencolor: "000000",
            controlbar: "over",
            autostart: false,
            bufferlength: 4,
            backcolor:"EFEFEF",
            frontcolor:"000000",
            provider:"http",
            allowfullscreen: true,
            allowscriptaccess:"always"
            /*events: {
                onSeek: function(evt) {
                //this.stop()
                //this.load({file: this.config.file+"&offset="+evt.offset, start: evt.offset}).play();
                }
                //onReady: function() { this.play(); },
            }*/
        });

        $("#extPlayerCmd").css("width", "640").click(function(){
                $(this).select()
            })
        });


    </script>
</head>

<body>
<h1>Blade
    <h1>
        <h2>@{ctx.get("title")}</h2>

        <div>
            <input id="extPlayerCmd" type="text" value="http://@{ctx.get("host")}/to/stream?fileID=@{ctx.get("fileID")}&playerID=@{ctx.get("playerID")}_ext"
            style="width:100%;"/>
        </div>
        <div id="wrapper" style="padding-top:1em">
            <div id="mediaplayer"><a href="http://www.adobe.com/go/getflashplayer" target="_blank">Get Flash player</a>
            </div>
        </div>
</body>
</html>
